<html xmlns="http://www.w3.org/1999/xhtml" 
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui"      
      xmlns:h="http://java.sun.com/jsf/html">
    <h:head>
        <title>
            <h:outputText value="SISTEMA DE GESTION DE SEGURIDAD :: FONCODES - ACCESO" />
        </title>
        <link type="text/css" href="${facesContext.externalContext.requestContextPath}/resource/css/login.css" rel="stylesheet" />
    </h:head>
    <h:body class="background">
        <center>
            <table style="font-size: 12px; font-family: arial, helvetica, sans-serif" cellspacing="0" cellpadding="0" width="850" border="0" align="center">
                <tr>
                    <td>
                        <table cellspacing="0" cellpadding="0" width="100%" border="0">
                            <tr>
                                <td colspan="3">
                                    <table cellspacing="0" cellpadding="0" width="100%" border="0">
                                        <tr>
                                            <td align="left">
                                                <div class="header">
                                                    <div style="color: #FFF;">
                                                        <div style="text-align: left;width: 280px;">
                                                            <img src="${facesContext.externalContext.requestContextPath}/resource/images/logo.png" />
                                                        </div>
                                                        <div class="navr" style="text-align: center;">
                                                            <span class="border-bottom: 1px dashed #657382;color: #73B633;font: normal 1.5em sans-serif;padding-bottom: 2px;text-decoration: none;text-align:center;text-shadow: #036D9E 0 1px;">
                                                                SISTEMA DE GESTION DE SEGURIDAD :: FONCODES
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </td>											
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                            <tr style="background-color: #FFF;">
                                <td>								
                                    <div style="margin-left: 40px;margin-right: 40px;font-size: 12px; font-family: Arial, Helvetica, sans-serif"> 
                                        <p>
                                            Bienvenidos al <span style="font-weight: bold ">Sistema de Seguridad de Aplicaciones - SEGA de Foncodes</span>. 
                                            Para acceder al Sistema Ud. deberá ingresar su nombre de usuario y clave de acceso, luego presionar en el boton ingresar
                                        </p> 
                                    </div> 
                                </td>								
                                <td class="texttitulo" colspan="2" style="height: 350px" align="right">
                                    <table align="center"  cellpadding="0"
                                           cellspacing="0" width="75" height="150" style="margin-right:30px">
                                        <tr>
                                            <td align="center" class="navr" style="height: 30px;color: #FFF;font: normal 1.0em sans-serif;text-shadow: #036D9E 0 1px;">Inicio
                                                de Sesión</td>
                                        </tr>
                                        <tr>
                                            <td align="center" style="width: 581px;border-radius:5px;-moz-box-shadow: 0 0 5px #b9b9b9;-webkit-box-shadow: 0 0 5px#b9b9b9;box-shadow: 0 0 5px #b9b9b9;">
                                                <table align="center" width="400" border="0" cellpadding="2" cellspacing="0"  class="formato">
                                                    <tr>
                                                        <td width="200" rowspan="3" align="center">
                                                            <img style="width:70px;height:70px" src="${facesContext.externalContext.requestContextPath}/resource/images/login_icon_1.gif" />
                                                        </td>
                                                        <td width="30" style="font-size: 13px; font-family: Arial, Helvetica, sans-serif">
                                                             <p:outputLabel for="txt_usuario" value="Usuario:" />
                                                        </td>
                                                        <td align="left" width="220" >
                                                            <p:inputText type="text" id="txt_usuario" style="width: 150px;font-size: 10px;" value="#{loginController.beanBusqueda.codigo}" required="true" requiredMessage="Por favor ingresa tu codigo de usuario" ></p:inputText>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td width="30" style="font-size: 13px; font-family: Arial, Helvetica, sans-serif">
                                                            <p:outputLabel for="txt_clave" value="Contraseña:" />
                                                        </td>
                                                        <td align="left" width="220">
                                                            <p:inputText type="password" id="txt_clave" style="width: 150px;font-size: 10px;" value="#{loginController.beanBusqueda.contrasenha}"></p:inputText>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td colspan="3" height="10"></td>
                                                    </tr>
                                                    <tr>
                                                        <td></td>
                                                        <td align="center" colspan="2">
                                                            <p:commandButton value="Ingresar" style="width: 100px; font-size: 10px;" actionListener="#{loginController.login}" ajax="true"/>
                                                            <p:commandButton value="Cerrar" style="width: 100px; font-size: 10px;"/>
                                                        </td>
                                                    </tr>
                                                     <tr>
                                                        <td colspan="3" height="10"></td>
                                                    </tr>
                                                    <tr>
                                                        <td colspan="3" height="10" align="right" style="font-size: 12px; font-family: Arial, Helvetica, sans-serif;padding-right: 35px;" >
                                                            <p:commandLink value="¿Olvidaste tu clave?"></p:commandLink>
                                                        </td>
                                                    </tr>
                                                </table>
                                            </td>
                                        </tr>
                                    </table> 
                                </td>
                            </tr>
                            <tr>
                                <td colspan="3" >
                                    <table  style="width: 100%; border: none">
                                        <tr>
                                            <td class="piepagina" colspan="2" style="font-size: 9px; font-family:  Arial, Helvetica, sans-serif" align="center" width="100%" >
                                                ©2013, FONCODES - Reservados todos los derechos 
                                                Dirección: Av. Paseo de la República 3101, San Isidro - Lima - Perú  Central Telefónica: (01) 311-8900
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>
        </center>
    </h:body>
</html>